/* pages/understandMy/understandMy.wxss */
.understand_container{
    background-color: #f5f6fa;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: 100%;
    .understand_bgimg{
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      image{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
      }
      .bgimg_text {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        padding: 0 60rpx;
        box-sizing: border-box;
        .bgimg_icon {
          margin-top: 42rpx;
          color: #fff;
          text{
            font-size: 40rpx;
          }
        }
        .bgimg_english {
          margin-top: 30rpx;
          font-size: 35rpx;
          color: #fff;
          .english_p {
        
          }
        }
        
        .bgimg_chinese {
          margin-top: 15rpx;
          color: #81ddf3;
          font-size: 26rpx;
          text {
            font-size: 18rpx;
            vertical-align: 8rpx;
          }
        }
      }
    }
    .understand_content_container {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 0 48rpx;
      overflow: hidden;
        .understand_content {
            box-shadow: 0 4rpx 14rpx #bebdbd;
            overflow: hidden;
            margin-top: 330rpx;
            background-color: #fff;
            height: 670rpx;
            border-radius: 16rpx;
            padding: 0 30rpx;
          .content_title {
            font-size: 36rpx;
            color: #3e3a39;
            font-weight: bold;
            display: flex;
            align-items: center;
            margin-top: 60rpx;
            &::before{
                content: "";
                display: inline-block;
                background-color: #90acff;
                width: 5rpx;
                height: 36rpx;
                margin-right: 7rpx;
                margin-top: 4rpx;
            }
          }
      
          .content_sex {
            margin-top: 60rpx;
            display: flex;
            align-items: center;
            .sex-text {
              color: #5870f6;
              font-size: 28rpx;
              margin-right: 40rpx;
            }
              .radio-group {
                display: flex;
                .radio {
                  width: 140rpx;
                  display: inline-block;
                  font-size: 28rpx;
                  .tui-menu-list{
                    width: 100%;
                    display: flex;
                    align-items: center;
                  }
                
                }
              }
              
          }
      
          .content_val {
            display: flex;
            margin-top: 50rpx;
            justify-content: space-between;
            align-items: center;
            .content_val_item {
              // text-align: center;
              // flex: 1;
              // border-right: 1rpx solid #000;
              // position: relative;
              // &::after{
              //   position: absolute;
              //   top: 0;
              //   right: -50rpx;
              //   content:"";
              //   display: inline-block;
              //   width: 1rpx;
              //   height: 60rpx;
              //   background-color: #000;
              // }
              .item_val_top {
                color: #5870f6;
                font-size: 28rpx;
              }
      
              .item_val_bottom {
                margin-top: 20rpx;
                display: flex;
                align-items: flex-end;
                input{
                  width: 108rpx;
                  font-size: 60rpx;
                  line-height: 60rpx!important;
                  min-height: 60rpx!important;
                  display: inline-block;
                  // border-bottom: 1rpx solid #6e6e6e;
                  text-align: center;
                }
                text{
                  font-size: 24rpx;
                }                
              }
            }
            .line{
              width: 2rpx;
              height: 90rpx;
              background-color: #f2f2f2;
            }
   
          }
      
          .content_info {
            margin-top: 60rpx;
            .info_p {
              font-size: 24rpx;
              line-height: 38rpx;
              color: #8d8c8b;
            }
          }
        }
      
        .understand_btn {
            width: 500rpx;
            height: 72rpx;
            background-color: #5870f6;
            color: #fff;
            font-size: 28rpx;
            border-radius: 12rpx;
            text-align: center;
            line-height: 72rpx;
            margin: 0 auto;
            margin-top: 52rpx;
        }
      }
}
